<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Page Title -->
    <title> 珠海数渠科技有限公司 </title>

    <!-- Favicon and Touch Icons -->
    <link href="/images/favicon/favicon.png" rel="shortcut icon" type="image/png">
    <link href="/images/favicon/apple-touch-icon.png" rel="apple-touch-icon">
    <link href="/images/favicon/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72">
    <link href="/images/favicon/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114">
    <link href="/images/favicon/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144">

    <!-- Icon fonts -->
    <link href="/css/font-awesome.min.css" rel="stylesheet">
    <link href="/css/flaticon.css" rel="stylesheet">

    <!-- Bootstrap core CSS -->
    <link href="/css/bootstrap.min.css" rel="stylesheet">

    <!-- Plugins for this template -->
    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/owl.carousel.css" rel="stylesheet">
    <link href="/css/owl.theme.css" rel="stylesheet">
    <link href="/css/slick.css" rel="stylesheet">
    <link href="/css/slick-theme.css" rel="stylesheet">
    <link href="/css/owl.transitions.css" rel="stylesheet">
    <link href="/css/jquery.fancybox.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/css/style/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

    <!-- start page-wrapper -->
    <div class="page-wrapper">

        <!-- start preloader -->
        <div class="preloader">
            <div class="inner">
                <div></div>
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
        <!-- end preloader -->

        <!-- Start header -->
        <header id="header" class="main-header header-style-2">

            <!-- start topbar -->
            <div class="topbar">
                <div class="upper-topbar">
                    <div class="container">
                        <div class="row">
                            <div class="col col-sm-6">
                            </div>
                            <div class="col col-sm-6">
                            </div>
                        </div>
                    </div>
                </div> <!-- end uppertopbar -->

                <div class="lower-topbar">
                    <div class="container">
                        <div class="row">
                            <div class="col col-md-2">
                                <div class="logo-wrapper">
                                    <a class="site-logo" href="#"><img src="/images/logo.png" style="width: 280px;height: 70px;"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> <!-- end lower-topbar -->
            </div>
            <!-- end topbar -->


             <!-- start nav -->
            <nav class="navigation navbar navbar-default" style="background-color:#081426;">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="open-btn">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>
                    <div id="navbar" class="navbar-collapse collapse navigation-holder navbar-left">
                        <button class="close-navbar"><i class="fa fa-close"></i></button>
                        <ul class="nav navbar-nav">
                            <li>
                                 <a href="/blog">主页</a>
                            </li>
                            <li class="current-menu-ancestor">
                                <a href="/blog/service">服务</a>
                                <!-- <ul class="sub-menu">
                                    <li><a href="/blog/service">借贷服务</a></li>
                                    <li><a href="#">...</a></li>
                                </ul> -->
                            </li>
                            <li>
                                <a href="/blog/product">产品</a>
                            </li>
                            <!-- <li class="menu-item-has-children">
                                <a href="/blog/news">新闻</a>
                            </li> -->
                            <li><a href="/blog/company">关于我们</a></li>
                        </ul>
                    </div><!-- end of nav-collapse -->
                </div><!-- end of container -->
            </nav>
            <!-- end nav -->
        </header>
        <!-- end of header -->

        <!-- start case-single-section -->
        <section class="case-single-section section-padding">
            <div class="container">
                <div class="row">
                    <div class="col col-lg-9 col-lg-push-3 col-md-8 col-md-push-4">
                        <div class="case-single-details">
                            <div class="img-holder">
                                <img id="s_img" src="../images/service-single/rjyf.jpg" alt class="img img-responsive">
                            </div>
                            <div class="case-title">
                                <h2>>>&nbsp;&nbsp;&nbsp;&nbsp;<span id="s_name"></span></h2>
                                <!-- <div class="cat"><a href="#">Groth &amp; strategy</a></div> -->
                            </div>
                            <div class="details">
                                <p id="s_details"></p>
                            </div>
                        </div>
                    </div>

                    <div class="col col-lg-3 col-lg-pull-9 col-md-4 col-md-pull-8">
                        <div class="sidebar">
                            <div class="widget link-widget">
                                <ul>
                                    <li id="rjyf" onclick="setCurrent(this.id)"><a href="javascript:void(0)">软件研发</a></li>
                                    <li id="ggtg" onclick="setCurrent(this.id)"><a href="javascript:void(0)">广告推广</a></li>
                                    <li id="yxch" onclick="setCurrent(this.id)"><a href="javascript:void(0)">营销策划</a></li>
                                    <li id="ggsj" onclick="setCurrent(this.id)"><a href="javascript:void(0)">广告设计</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div> <!-- end row -->
            </div> <!-- end container -->
        </section>
        <!-- end case-single-section -->


        <!-- start cta-s2 -->
        <section class="cta-s2">
            <h2 class="hidden">CTA2</h2>
            <div class="container">
                <div class="row">
                    <div class="col col-md-9">
                        <p>如果您有任何营销、推广方面的需要, 我们将是您最佳的选择.</p>
                    </div>
                    <div class="col col-md-3">
                        <a href="/blog/company" class="theme-btn-s4">联系我们</a>
                    </div>
                </div> <!-- end row -->
            </div> <!-- end container -->
        </section>
        <!-- end cta-s2 -->


        <!-- start footer -->
        <footer class="site-footer">
            <div class="copyright-row">
                <div class="container">
                    <div class="row">
                        <div class="col col-sm-6 col-sm-offset-4">
                            <p>Copyright &copy; 珠海数渠科技有限公司  2018. All rights reserved | <a href="#"><span class="color-y">粤ICP备18034938号</span></a></p>
                        </div>
                    </div>
                </div> <!-- end container -->
            </div> <!-- end copyright-row -->
        </footer>
        <!-- end footer -->
        </div>
    <!-- end of page-wrapper -->



    <!-- All JavaScript files
    ================================================== -->
    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>

    <!-- Plugins for this template -->
    <script src="../js/jquery-plugin-collection.js"></script>

    <!-- Custom script for this template -->
    <script src="../js/script.js"></script>
    <script>
    $(document).ready(function(){
    	var param = GetRequest();
    	if(param.tag){
    		setCurrent(param.tag);
    	}else{
    		setCurrent("rjyf");
    	}
    });
    
    var servList=[{id:"rjyf",s_name:"软件研发",s_img:"../images/service-single/rjyf.jpg",s_details:"提供软件定制设计，手机APP软件定制开发，微信平台程序开发，HTML5开发，直销系统设计，网络推广等服务。我们会尽全力为你设计优秀的软件，不仅让您的软件更专业，同时也增加您的商务利润！"},
                  {id:"ggtg",s_name:"广告推广",s_img:"../images/service-single/ggtg.jpg",s_details:"我们为您提供了众多广告定向条件，大数据与垂直行业的广告投放需求结合，针对重点行业进行深度定向标签挖掘，为广告主提供贴合行业用户特性的定制化标签，提升广告效果。"},
                  {id:"yxch",s_name:"营销策划",s_img:"../images/service-single/yxch.jpg",s_details:"提供给企业营销战略规划、品牌推广价值塑造、活动全案策划推广、移动互联网运营服务与个性化APP开发及运营服务、商务促销礼品赠品定制及等的综合性营销策划服务."},
                  {id:"ggsj",s_name:"广告设计",s_img:"../images/service-single/ggsj.jpg",s_details:"提供品品牌识别设计、环境空间导示设计、包装设计、网络设计、平面创意设计制作、形象厅店展陈规划、微电影微视频多媒体制作、设计包装印刷与制作生产等服务"}];
    
    function setCurrent(id){
    	var title_style="current";
    	$("#rjyf,#ggtg,#yxch,#ggsj").removeClass(title_style);
    	for(var i=0;i<servList.length;i++){
    		if(servList[i].id==id){
    			$("#"+id).attr("class",title_style);
    			$("#s_img").attr("src",servList[i].s_img);
    			$("#s_name").text(servList[i].s_name);
    			$("#s_details").text(servList[i].s_details);
    		}
    	}
    }
    
    function GetRequest() {   
   	   var url = location.search; //获取url中"?"符后的字串   
   	   var theRequest = new Object();   
   	   if (url.indexOf("?") != -1) {   
   	      var str = url.substr(1);   
   	      strs = str.split("&");   
   	      for(var i = 0; i < strs.length; i ++) {   
   	         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);   
   	      }   
   	   }   
   	   return theRequest;   
   	} 
    </script>
</body>
</html>

